<template>
  <div class="find_top">
        <router-link :to='backpage'>
            <div class="seek"><img src="../images/icon_BANNER_5.png" alt=""></div>
        </router-link>       
            <div class="sponsor">
                <router-link to="sponsor-addition">
                    <img src="../images/jiahao.png" alt="">
                </router-link>
            
            </div>
            <div class="title">
                <ul>
                    <li class="active">我发起的</li>
                    <li>我参与的</li>
                </ul>
            </div>
            
        </div>
</template>
<script>
export default {
  name:'top',
  data(){
      return {

      }
  },
  props : {
      titletext:{
          type:String,
          default:"设置"
      },
      backpage:{
          type:String,
          default:'/'
      }
  }
}
</script>
<style lang='less' scoped>
.find_top{
  width:100%;
  height:306/75rem;
  background:#fa3f6c;
  margin-bottom:240/75rem;

  .title{
      width: 450/75rem;
      height: 50/75rem;
      padding-top:44/75rem;
      margin: 0 auto;
      ul{
          li{
              float: left;
              font-size:40/75rem;
              color:#fff;
              margin: 0 22/75rem;
              padding: 0 8/75rem 6/75rem 8/75rem;
              
          }
          .active{
                
                border-bottom: 3/75rem solid #fff;
              }
      }
  }


    h1{
      color:#fff;
      font-size:40/75rem;
      padding-top:36/75rem;
    }

    .seek{
      float:left;
      margin-left:20/75rem;
      padding-top:20/75rem;
      
    }

    .sponsor{
      float:right;
      margin-right:20/75rem;
      padding-top:20/75rem;
    }
}
</style>
